<template>
  <div>
    <AxiomGroup title="欢迎使用 Axiom-View" description="这是一个基于 axiom-view 库构建的前端应用示例。">
      <AxiomCard>
        <AxiomText>
          请通过左侧的侧边栏导航到不同的示例页面，查看 axiom-view 组件库的强大功能。
        </AxiomText>
        <div style="margin-top: 1rem;">
          <AxiomButton type="primary" @click="goToDocs">组件展厅</AxiomButton>
        </div>
      </AxiomCard>
    </AxiomGroup>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
import { AxiomGroup, AxiomCard, AxiomText, AxiomButton } from 'axiom-view';

const router = useRouter();

const goToDocs = () => {
  router.push('/demo/common-components');
};
</script> 